﻿
@{
    ViewBag.Title = "EmployeePageList";
    Layout = "~/Views/Shared/_LayoutMain.cshtml";
}
@section css{
    <link rel="stylesheet" href="~/assets/portal/assets/css/common.css" />
    <link rel="stylesheet" href="~/bussiness/js/base/reset.css" />
    <style>
        .ooo table {
            width: 100%;
            border-collapse: collapse; /*关键代码*/
            border-spacing: 0;
        }

        .ant-select-arrow, .ant-select-clear {
            position: absolute;
            right: 10px;
        }

        .ant-collapse-header-text {
            color: #fff
        }

        .ant-collapse-header svg path, .ant-collapse-header svg rect {
            fill: #fff
        }

        .ooo td {
            border-bottom: 1px solid #333;
            border-right: 1px solid #333;
            text-align: center
        }


        .iTitle {
            font-weight: 600;
            font-size: 16px;
            display: flex;
            width: 100%;
            align-items: center;
            margin-left: 20px;
        }

            .iTitle::before {
                content: "";
                margin-right: 10px;
                display: inline-block;
                width: 4px;
                height: 20px;
                background: #0064e5;
            }
    </style>
}
<div id="PerformanceMeansEvaluate" class="font-['SourceHanSansSC']">
    <a-style-provider hash-priority="high"> 
        <a-config-provider :locale="vlocale">
            <a-image :width="200"
                     :style="{ display: 'none',zIndex:100 }"
                     :preview="{visible:PerformanceMeansEvaluateParams.previewShow.value,onVisibleChange:PerformanceMeansEvaluateParams.setVisible}" :src="PerformanceMeansEvaluateParams.imgUrl.value"></a-image>
            <a-modal v-model:open="PerformanceMeansEvaluateParams.fileOpen.value" width="60%" title="附件详情" v-on:ok="PerformanceMeansEvaluateParams.fileOpen.value=false">
                <div style="padding:30px;box-sizing:border-box">
                    <template v-if="PerformanceMeansEvaluateParams.chooseFiles.value&&PerformanceMeansEvaluateParams.chooseFiles.value.length!=0">
                        <div v-for="e in PerformanceMeansEvaluateParams.chooseFiles.value" style="cursor:pointer; display:flex;margin:10px 0;font-size:15px; align-items:center;width:100%;justify-content:space-between">{{e.name}} <div style="display:flex; align-items:center">    <a-space><img v-show="e.isImage" style="width: 20px; height: 22px " src="~/Bussiness/img/svg/preview.svg" v-on:click="PerformanceMeansEvaluateParams.btnPreview(e.uid)" /><img style="width: 20px; height: 22px " v-on:click="PerformanceMeansEvaluateParams.btnDownLoad(e.uid) " src="~/Bussiness/img/svg/download.svg" /><img style="width: 20px; height: 22px " v-if="e.isDelete" v-on:click="PerformanceMeansEvaluateParams.btnDelete(e.uid)" src="~/Bussiness/img/svg/delete.svg" /></a-space></div> </div>
                    </template>
                    <template v-else>
                        暂无附件
                    </template>


                </div>
            </a-modal>
            <m-pop-model></m-pop-model>
            <m-pdf-pop-model></m-pdf-pop-model>
            <header class="px-5 box-border">

                <div class="flex items-center">
                    <div class="w-full h-[48px] text-[13px]  rounded-lg mx-auto my-[10px]  bg-white  text-[#888888] text-3xl flex items-center px-10">   <div class="w-22 h-22 bg-blue-200 mr-5"> <img class="w-full h-full cursor-pointer" v-on:click="PerformanceMeansEvaluateParams.onBack()" src="~/Assets/nimgs/exit.png" alt="返回" /></div> <span class="text-[]">首页<span class="mx-2">/</span>履职考核<span class="mx-2">/</span><span class="text-[#424758] text-[15px]">年度考核批准</span> </span>  </div>
                </div>

                <div class=" w-full">
                    <a-collapse class="w-full" expand-icon-position="end" v-model:active-key="PerformanceMeansEvaluateParams.activeKey.value">
                        <a-collapse-panel key="0" header="年度考评信息" style="background: #0064e5;color:#fff">
                            <a-spin :spinning="PerformanceMeansEvaluateParams.uploadLock.value" tip="加载中，请耐心等待..." />

                            <a-form :model="PerformanceMeansEvaluateParams.form.value"
                                    name="basic"
                                    :label-col="{ span: 4 }"
                                    :wrapper-col="{ span: 20 }"
                                    autocomplete="off">

                                <div class="mt-10">
                                    <a-row>
                                        <a-col :span="10">
                                            <a-form-item label="通知标题">
                                                <a-input placeholder="暂无数据" style="width:400px" disabled :value="PerformanceMeansEvaluateParams.listInfo.value.PlanNoticeName" />
                                            </a-form-item>
                                        </a-col>
                                        <a-col :span="2"></a-col>
                                        <a-col :span="10">
                                            <a-form-item label="通知日期">
                                                <a-input placeholder="暂无数据" style="width:400px" disabled :value="PerformanceMeansEvaluateParams.listInfo.value.UpdateTime" />
                                            </a-form-item>
                                        </a-col>
                                    </a-row>
                                    <a-row>
                                        <a-col :span="10">
                                            <a-form-item label="填报日期">
                                                <a-input placeholder="暂无数据" style="width:400px" disabled :value="`${PerformanceMeansEvaluateParams.listInfo.value.StartTime||''}~${PerformanceMeansEvaluateParams.listInfo.value.EndTime||''}`" />
                                            </a-form-item>
                                        </a-col>
                                        <a-col :span="2"></a-col>
                                        <a-col :span="10">
                                            <a-form-item label="提交人">
                                                <a-input placeholder="暂无数据" style="width:400px" disabled :value="`${PerformanceMeansEvaluateParams.listInfo.value.UserName}(${PerformanceMeansEvaluateParams.listInfo.value.UserNo})`" />
                                            </a-form-item>
                                        </a-col>

                                    </a-row>
                                    <a-row>

                                        <a-col :span="10">

                                            <a-form-item label="提交部门">
                                                <a-input placeholder="暂无数据" style="width:400px" disabled :value="PerformanceMeansEvaluateParams.listInfo.value.DepartmentName" />
                                            </a-form-item>
                                        </a-col>
                                        <a-col :span="2"></a-col>
                                        <a-col :span="10">
                                            <a-form-item label="考评人">
                                                <a-input placeholder="暂无数据" style="width:400px" disabled :value="PerformanceMeansEvaluateParams.listInfo.value.EvalutionUserList" />
                                            </a-form-item>
                                        </a-col>

                                    </a-row>



                                </div>
                            </a-form>




                            <a-card class="mt-10" v-for="(te,ti) in PerformanceMeansEvaluateParams.lists.value">
                                <template #title>
                                    <div class="w-full flex justify-between items-center">
                                        <div class="flex items-center">
                                            <div>
                                                {{te.TypeName}}
                                            </div>
                                        </div>


                                    </div>



                                </template>

                                <a-spin :spinning="PerformanceMeansEvaluateParams.uploadLock.value" tip="加载中，请耐心等待..." />


                                <div style="position:absolute;left:-99999px;min-height:100%; width:100%">
                                    @*<div>*@
                                    <div :id="`c${ti}`" class="ooo  w-full bg-white">
                                        <div style="width: 100%; text-align: center; font-size: 26px !important;margin-bottom:10px">
                                            {{  PerformanceMeansEvaluateParams.listInfo.value.PlanNoticeName }}
                                        </div>
                                        <div style="border-top: 1px solid #333; border-left: 1px solid #333; ">
                                            <table v-for="(e,i) in te.NodeList" style="font-size: 20px !important">
                                                <tr style="text-align: center; font-size: 20px; border-bottom: 1px solid #333; border-right: 1px solid #333">
                                                    <div style="font-size: 26px !important; text-align:center; border-right: 1px solid #333;padding:10px 0; "> {{te.TypeName}}</div>
                                                </tr>
                                                <tr v-if="i==0">
                                                    <td>一级指标</td>
                                                    <td>
                                                        <table style="border:0px solid red">
                                                            <tr style="border:0px solid red">
                                                                <td class="w-[50px] h-[38px]">二级指标</td>
                                                                <td class="w-[500px] h-[38px]">
                                                                    <div class="flex" style="height:100%">
                                                                        <div style="height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">考核内容</div>
                                                                        @*<div style="height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">备查/佐证资料</div>*@
                                                                        <div style="height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">考核方式</div>
                                                                        @*<div style="height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">计算方式</div>*@
                                                                        <div v-if="te.IsSelf" style="height: 100%; width: 80px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">自评分</div>
                                                                        <div v-if="te.IsSelf" style="height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">自评情况/资料说明</div>
                                                                        <div style="height: 100%; width: 80px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">考评分</div>
                                                                        <div style="height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">考评情况/资料说明</div>
                                                                        <div style="height: 100%; width: 120px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">考评人</div>
                                                                    </div>
                                                                </td>

                                                            </tr>
                                                        </table>

                                                    </td>

                                                </tr>
                                                <tr v-for="(es,ei) in e.NodeList">


                                                    <td class="w-[85px]" v-if="ei==0" :rowspan="e.NodeList.length">{{e.No}}.{{e.CategoryName}} {{e.Score==0?null:`(${e.Score}分)`}}</td>
                                                    <td class="calc(100% - 35px)">



                                                        <template v-if='es.NodeList&&es.NodeList.length!=0'>
                                                            <table>
                                                                <tr v-for="(ess,iss) in es.NodeList">
                                                                    <td class="w-[60px] h-[118px]" v-if="iss==0" :rowspan="es.NodeList.length">{{es.No}}.{{es.SubcategoryName}}{{es.Score==0?null:`(${es.Score}分)`}}</td>
                                                                    <td class="w-[600px] h-[148px]">
                                                                        <div class="flex" style="height: 100%;">
                                                                            <div style="flex: 1; border-right: 1px solid #333; display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box">{{ess.No}}.{{ess.CheckContent}}{{ess.Score==0?null:`(${ess.Score}分)`}}</div>
                                                                            @*<div style="flex: 1; border-right: 1px solid #333; display: flex; align-items: center; justify-content: center; padding:0 4px; box-sizing: border-box ">{{ess.Evidences}}</div>*@
                                                                            <div style="flex: 1; border-right: 1px solid #333; display: flex; align-items: center; justify-content: center; padding:0 4px; box-sizing: border-box ">{{ess.MethodType}}</div>

                                                                            @*<div style="flex: 1; border-right: 1px solid #333; display: flex; align-items: center; justify-content: center; padding:0 4px; box-sizing: border-box " :style="{color:ess.ResultScore!==0?'red':'black',fontWeight:'600'}">{{ess.CalcType==0?'扣分':'加分'}}</div>*@


                                                                            <div v-if="te.IsSelf" style="width: 80px; border-right: 1px solid #333; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box ">
                                                                                <div style=" flex: 1; overflow: hidden;  display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box ">
                                                                                    <div style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;left:0">
                                                                                        {{ess.SelfScore==0?0:ess.CalcType==0?`-${ess.SelfScore}分`:`+${ess.SelfScore}分`}}
                                                                                    </div>
                                                                                </div>

                                                                            </div>
                                                                            <div v-if="te.IsSelf" style="flex: 1; border-right: 1px solid #333; width:100%; position:relative; display: flex; align-items: center; justify-content: center; padding:0 4px; box-sizing: border-box ">
                                                                                <div style="position: absolute; left: 50%; transform: translateX(-50%); width: 100%; display: flex; flex-direction: column; padding: 10px 4px; display: flex; align-items: center; box-sizing: border-box ">
                                                                                    {{ess.Remark}}
                                                                                </div>
                                                                            </div>
                                                                            <div style="width: 80px; border-right: 1px solid #333; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box ">
                                                                                <div style=" flex: 1; overflow: hidden;  display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box ">
                                                                                    <div style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;left:0">

                                                                                        {{ess.ResultScore==0?0:ess.CalcType==0?`-${ess.ResultScore}分`:`+${ess.ResultScore}分`}}

                                                                                    </div>
                                                                                </div>

                                                                            </div>
                                                                            <div style="flex: 1; border-right: 1px solid #333; width: 100%; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box ">
                                                                                <div style="position: absolute; left: 50%; transform: translateX(-50%); width: 100%; display: flex; flex-direction: column; padding: 10px 4px; box-sizing: border-box; display: flex; align-items: center; box-sizing: border-box ">
                                                                                    {{ess.ResultRemark}}

                                                                                </div>
                                                                            </div>


                                                                            <div style="width: 120px; border-right: 1px solid #333; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box ">
                                                                                <div style=" flex: 1; overflow: hidden;  display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box ">
                                                                                    {{ess.EvalutionName||'-'}}
                                                                                </div>

                                                                            </div>

                                                                        </div>
                                                                    </td>
                                                                </tr>

                                                            </table>
                                                        </template>

                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                        <div style="font-size:24px;width:100%;margin-top:30px">
                                            <div style=" padding-right:330px;">
                                                <div style="width: 100%; display: flex; justify-content: space-between;">
                                                    <div style="width:300px">
                                                        填报部门:{{PerformanceMeansEvaluateParams.listInfo.value.DepartmentName}}
                                                    </div>
                                                    <div style="width:300px">
                                                        填报人:{{`${PerformanceMeansEvaluateParams.listInfo.value.UserName}(${PerformanceMeansEvaluateParams.listInfo.value.UserNo})`}}
                                                    </div>

                                                    <div v-if="ti==0" style="width:300px">通用自评总分:{{PerformanceMeansEvaluateParams.Idealmark(PerformanceMeansEvaluateParams.listInfo.value.SelfTotalScore - PerformanceMeansEvaluateParams.totals.value+PerformanceMeansEvaluateParams.totala.value,PerformanceMeansEvaluateParams.listInfo.value.SelfTotalScore,false)   }}分</div>
                                                    <div v-else style="width:300px;color:transparent"> 部门:{{PerformanceMeansEvaluateParams.listInfo.value.DepartmentName}}</div>



                                                </div>
                                                <div style="width: 100%; display: flex; justify-content: space-between;margin-top:20px">

                                                    <div style="width:100%">考评人:{{ PerformanceMeansEvaluateParams.lists.value[ti].nameList.toString()}}</div>

                                                    <div style="width:300px;color:transparent"></div>
                                                </div>

                                                <div style="width: 100%; display: flex; justify-content: space-between;margin-top:20px">

                                                    <div style="width:300px">考评分:{{PerformanceMeansEvaluateParams.Idealmark(te.TotalScore+te.totala-(te.totals*PerformanceMeansEvaluateParams.ScoreRate.value),te.TotalScore)}}分</div>
                                                </div>
                                                <div style="width:300px;color:transparent"></div>
                                                <div style="width:300px;color:transparent"></div>
                                            </div>





                                        </div>
                                        <div style="height:200px"></div>
                                    </div>
                                </div>











                                <div class="ooo  w-full  bg-white ">
                                    <div style="border-top: 1px solid #333;  border-left: 1px solid #333">
                                        <table v-for="(e,i) in te.NodeList">
                                            <tr v-if="i==0">
                                                <td>一级指标</td>
                                                <td>
                                                    <table style="border:0px solid red">
                                                        <tr style="border:0px solid red">
                                                            <td class="w-[60px] h-[38px]">二级指标</td>
                                                            <td class="w-[600px] h-[38px]">
                                                                <div class="flex" style="height:100%">
                                                                    <div style="height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">考核内容</div>
                                                                    <div style="height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">备查/佐证资料</div>
                                                                    <div style="height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">考核方式</div>
                                                                    <div style="height: 100%; width: 100px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">计算方式</div>
                                                                    <div v-if="te.IsSelf" style="height: 100%; width: 100px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">自评分数</div>
                                                                    <div v-if="te.IsSelf" style="height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">自评情况/资料说明</div>
                                                                    <div style="height: 100%; width: 100px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">考评分数</div>
                                                                    <div style="height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">考评情况/资料说明</div>
                                                                    <div style="height: 100%; width: 120px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">考评人</div>
                                                                </div>
                                                            </td>

                                                        </tr>
                                                    </table>

                                                </td>

                                            </tr>
                                            <tr v-for="(es,ei) in e.NodeList">

                                                <td class="w-[85px]" v-if="ei==0" :rowspan="e.NodeList.length">{{e.No}}.{{e.CategoryName}} {{e.Score==0?null:`(${e.Score}分)`}}</td>
                                                <td class="calc(100% - 35px)">



                                                    <template v-if='es.NodeList&&es.NodeList.length!=0'>
                                                        <table>
                                                            <tr v-for="(ess,iss) in es.NodeList">
                                                                <td class="w-[60px] h-[118px]" v-if="iss==0" :rowspan="es.NodeList.length">{{es.No}}.{{es.SubcategoryName}}{{es.Score==0?null:`(${es.Score}分)`}}</td>
                                                                <td class="w-[600px] h-[148px]">
                                                                    <div class="flex" style="height: 100%;">
                                                                        <div style="flex: 1; border-right: 1px solid #333; display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box">{{ess.No}}.{{ess.CheckContent}}{{ess.Score==0?null:`(${ess.Score}分)`}}</div>
                                                                        <div style="flex: 1; border-right: 1px solid #333; display: flex; align-items: center; justify-content: center; padding:0 4px; box-sizing: border-box ">{{ess.Evidences}}</div>
                                                                        <div style="flex: 1; border-right: 1px solid #333; display: flex; align-items: center; justify-content: center; padding:0 4px; box-sizing: border-box ">{{ess.MethodType}}</div>

                                                                        <div style="width: 100px; border-right: 1px solid #333; display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box " :style="{color:ess.ResultScore!==0?'red':'black',fontWeight:'600'}">{{ess.CalcType==0?'扣分':'加分'}}</div>


                                                                        <div v-if="te.IsSelf" style="width: 100px; border-right: 1px solid #333; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box ">
                                                                            <div style=" flex: 1; overflow: hidden;  display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box ">
                                                                                <div style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;left:0">
                                                                                    <a-input-number v-model:value="ess.SelfScore" disabled v-on:change="PerformanceMeansEvaluateParams.ichange" :min="0" :max="100" :formatter="value => `${value}分`" :parser="value => value.replace('分', '')"></a-input-number>

                                                                                </div>
                                                                            </div>

                                                                        </div>
                                                                        <div v-if="te.IsSelf" style="flex: 1; border-right: 1px solid #333; position:relative; display: flex; align-items: center; justify-content: center; padding:0 4px; box-sizing: border-box ">
                                                                            <div style="width: 100%; position: absolute; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; padding: 10px 4px; display: flex; align-items: center; box-sizing: border-box ">
                                                                                <a-popover title="自评情况/资料说明" trigger="hover">
                                                                                    <template #content>
                                                                                        <p style="width:1000px">{{ess.Remark||'-'}}</p>
                                                                                    </template>
                                                                                    <a-textarea style="width:90%" readonly v-model:value="ess.Remark"></a-textarea>
                                                                                </a-popover>


                                                                                <div style="display:flex;align-items:center">
                                                                                    <a-upload :show-upload-list="false" v-model:file-list="ess.ItemFileList"
                                                                                              v-on:change="PerformanceMeansEvaluateParams.handleChange">
                                                                                    </a-upload>

                                                                                    <a-button v-on:click="PerformanceMeansEvaluateParams.handleFile(i,ei,iss,ess)" style="margin-top:8px;margin-left:4px" type="primary">查看<span v-if="ess.ItemFileList&&ess.ItemFileList.length!=0">({{ess.ItemFileList&&ess.ItemFileList.length}})</span> </a-button>
                                                                                </div>


                                                                            </div>
                                                                        </div>
                                                                        <div style="width: 100px; border-right: 1px solid #333; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box ">
                                                                            <div style=" flex: 1; overflow: hidden;  display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box ">
                                                                                <div style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;left:0">
                                                                                    <a-input-number disabled v-model:value="ess.ResultScore" v-on:change="PerformanceMeansEvaluateParams.ichange($event,ess)" :min="0" :max="100" :formatter="value => `${value}分`" :parser="value => value.replace('分', '')"></a-input-number>

                                                                                </div>
                                                                            </div>

                                                                        </div>
                                                                        <div style="flex: 1; border-right: 1px solid #333; position:relative; display: flex; align-items: center; justify-content: center; padding:0 4px; box-sizing: border-box ">
                                                                            <div style="width: 100%;position: absolute;left:50%;transform:translateX(-50%); display: flex; flex-direction: column; padding: 10px 4px;box-sizing:border-box; display : flex; align-items: center; box-sizing: border-box ">
                                                                                <a-popover title="考评情况/资料说明" trigger="hover">
                                                                                    <template #content>
                                                                                        <p style="width:1000px">{{ess.ResultRemark||'-'}}</p>
                                                                                    </template>
                                                                                    <a-textarea style="width: 80%;" v-on:change="PerformanceMeansEvaluateParams.tChange(ess)" :readonly="PerformanceMeansEvaluateParams.urlParams.value.detail==1" :placeholder="`${ess.CalcType==0?'请输入考评情况':ess.ResultScore==0?'请输入考评情况':   ess.ResultItemFileList&&ess.ResultItemFileList.length?   '请输入考评情况'    : '考评情况及加分相关证明'}`" v-model:value="ess.ResultRemark"></a-textarea>
                                                                                </a-popover>
                                                                                <div style="display:flex;align-items:center;">
                                                                                    <a-upload :show-upload-list="false" v-model:file-list="ess.ResultItemFileList"
                                                                                              v-on:change="PerformanceMeansEvaluateParams.handleChange($event,ess)">
                                                                                        @*   <a-button style="margin-top:8px" v-on:click="PerformanceMeansEvaluateParams.upload(ti,i,ei,iss,ess)" type="primary">点击上传</a-button>*@
                                                                                    </a-upload>


                                                                                </div>
                                                                                <a-button v-on:click="PerformanceMeansEvaluateParams.handleFile1(ti,i,ei,iss,ess)" style="margin-top:8px;margin-left:4px" type="primary">查看 <span v-if="ess.ResultItemFileList&&ess.ResultItemFileList.length!=0">({{ess.ResultItemFileList&&ess.ResultItemFileList.length}})</span> </a-button>

                                                                            </div>
                                                                        </div>


                                                                        <div style="width: 120px; border-right: 1px solid #333; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box ">
                                                                            <div style=" flex: 1; overflow: hidden;  display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box ">
                                                                                {{ess.EvalutionName||'-'}}
                                                                            </div>

                                                                        </div>

                                                                    </div>
                                                                </td>
                                                            </tr>

                                                        </table>
                                                    </template>

                                                </td>
                                            </tr>
                                        </table>
                                    </div>

                                </div>


                                <div v-if="ti==0" style="margin-top:20px; border-top: 2px solid #e6e6e6" class="w-full h-[56px] items-center flex justify-end">
                                    <div class="mr-[70px] text-[16px] font-weight-bold flex items-center">自扣分：<span style="font-size: 25px; font-weight: bold; color: #FF5E13; ">{{PerformanceMeansEvaluateParams.totals.value}}</span><div style="margin-left:6px"> 分</div></div><div class="mr-[70px] text-[16px] font-weight-bold flex items-center">
                                        自加分：<span style="font-size: 25px; font-weight: bold; color: #FF5E13; " class="font-size: 25px;font-weight: bold;">{{PerformanceMeansEvaluateParams.totala.value}}</span> <div style="margin-left:6px"> 分</div>

                                    </div><div class="mr-[70px] text-[16px] font-weight-bold flex items-center">通用自评总分：<span style="font-size: 25px; font-weight: bold; color: #FF5E13; "> {{PerformanceMeansEvaluateParams.Idealmark(PerformanceMeansEvaluateParams.listInfo.value.SelfTotalScore - PerformanceMeansEvaluateParams.totals.value+PerformanceMeansEvaluateParams.totala.value,PerformanceMeansEvaluateParams.listInfo.value.SelfTotalScore,false)}}</span><div style="margin-left:6px"> 分</div></div>
                                </div>
                                <div :style="{
                                 borderTop:ti==0?'0px solid #e6e6e6':'2px solid #e6e6e6' ,
                                 marginTop:'20px'
                                 }" class="w-full h-[56px] items-center flex justify-end">

                                    <div class="mr-[70px] text-[16px] font-weight-bold flex items-center">扣分系数：<span style="font-size: 25px; font-weight: bold; color: #FF5E13; ">{{PerformanceMeansEvaluateParams.ScoreRate.value}}</span></div>


                                    <div class="mr-[70px] text-[16px] font-weight-bold flex items-center">{{PerformanceMeansEvaluateParams.dict.value[ti]}}扣分：<span style="font-size: 25px; font-weight: bold; color: #FF5E13; ">{{te.totals}}</span><div style="margin-left:6px"> 分</div></div>

                                    <div class="mr-[70px] text-[16px] font-weight-bold flex items-center">乘系数后扣分：<span style="font-size: 25px; font-weight: bold; color: #FF5E13; ">{{Number((te.totals*PerformanceMeansEvaluateParams.ScoreRate.value).toFixed(2)) }}</span><div style="margin-left:6px"> 分</div></div>




                                    <div class="mr-[70px] text-[16px] font-weight-bold flex items-center">
                                        {{PerformanceMeansEvaluateParams.dict.value[ti]}}加分：<span style="font-size: 25px; font-weight: bold; color: #FF5E13; " class="font-size: 25px;font-weight: bold;">{{te.totala}}</span> <div style="margin-left:6px"> 分</div>
                                    </div><div class="mr-[70px] text-[16px] font-weight-bold flex items-center">{{PerformanceMeansEvaluateParams.dict.value[ti]}}总分：<span style="font-size: 25px; font-weight: bold; color: #FF5E13; ">{{Number(te.TotalScore+te.totala-Number((te.totals*PerformanceMeansEvaluateParams.ScoreRate.value).toFixed(2))<0?0:Number(te.TotalScore+te.totala-Number((te.totals*PerformanceMeansEvaluateParams.ScoreRate.value).toFixed(2)))).toFixed(2)  }}</span><div style="margin-left:6px"> 分</div></div>

                                </div>
                                @*<div style="width: 100%; display: flex; justify-content: flex-end">
                                <a-button v-on:click="PerformanceMeansEvaluateParams.export(ti)" style="margin-right:60px" type="primary">导出报表</a-button>

                            </div>*@

                            </a-card>



                            <div class="w-full mt-10 h-[46px] bg-[#f6f8f8] flex items-center">
                                <div class="iTitle">备注及附件</div>

                            </div>


                            <a-form :model="PerformanceMeansEvaluateParams.subform.value"
                                    :label-col="{ span: 1 }"
                                    :wrapper-col="{ span: 8 }"
                                    autocomplete="off">

                                <div class="mt-10">
                                    <a-row>
                                        <a-col :span="24">
                                            <a-form-item label="备注"
                                                         name="Remark">

                                                <a-textarea disabled v-model:value="PerformanceMeansEvaluateParams.listInfo.value.Remark" placeholder=""></a-textarea>
                                            </a-form-item>
                                        </a-col>

                                    </a-row>
                                    <a-row>
                                        <a-col :span="24">
                                            <a-form-item label="附件">
                                                <a-upload-dragger disabled v-model:file-list="PerformanceMeansEvaluateParams.fileList.value"
                                                                  :item-render="PerformanceMeansEvaluateParams.itemRender.value"
                                                                  :custom-request="()=>{}"
                                                                  v-on:change="PerformanceMeansEvaluateParams.handleChange1">

                                                    <p class="ant-upload-text">单击或拖动文件到此区域进行上传</p>
                                                    <p class="ant-upload-hint">
                                                        支持单个或批量上传
                                                    </p>
                                                </a-upload-dragger>
                                            </a-form-item>
                                        </a-col>
                                    </a-row>
                                </div>
                            </a-form>







                        </a-collapse-panel>
                        <a-collapse-panel key="1" header="考评总分" style="background: #0064e5;color:#fff">

                            <div v-if="PerformanceMeansEvaluateParams.listInfo.value.SelfTotalScore" style="margin-top:20px;" class="w-full h-[56px] items-center flex justify-end">
                                <div class="mr-[70px] text-[16px] font-weight-bold flex items-center">自评总分：<span v-if="PerformanceMeansEvaluateParams.listInfo.value.SelfTotalScore" style="font-size: 25px; font-weight: bold; color: #FF5E13; ">{{PerformanceMeansEvaluateParams.Idealmark(PerformanceMeansEvaluateParams.listInfo.value.SelfTotalScore - PerformanceMeansEvaluateParams.totals.value+PerformanceMeansEvaluateParams.totala.value,PerformanceMeansEvaluateParams.listInfo.value.SelfTotalScore,false)}}</span><div style="margin-left:6px"> 分</div></div>
                                <div class="mr-[70px] text-[16px] font-weight-bold flex items-center">考评总分：<span style="font-size: 25px; font-weight: bold; color: #FF5E13; ">{{  PerformanceMeansEvaluateParams.totalAmount.value}}</span><div style="margin-left:6px"> 分</div>(百分制)</div>
                            </div>




                        </a-collapse-panel>
                        <a-collapse-panel v-if="PerformanceMeansEvaluateParams.logList.value.length>0" key="2" header="操作详情" style="background: #0064e5;color:#fff">
                            <a-form :model="PerformanceMeansEvaluateParams.checkFrom.value"
                                    name="basic"
                                    :label-col="{ span: 4 }"
                                    :wrapper-col="{ span: 20 }"
                                    autocomplete="off">

                                <div class="mt-10">
                                    <a-row>
                                        <a-col :span="10">
                                            <a-form-item label="提交人">

                                                <a-input disabled :value="PerformanceMeansEvaluateParams.logList.value[0].OperateList.map(e => e.OperateUser)" />
                                            </a-form-item>
                                        </a-col>
                                        <a-col :span="2"></a-col>
                                        <a-col :span="10">
                                            <a-form-item label="提交日期">

                                                <a-input disabled :value="PerformanceMeansEvaluateParams.sdealTime(PerformanceMeansEvaluateParams.logList.value[1].OperateList.filter(e => e.IsApprove)[PerformanceMeansEvaluateParams.logList.value[1].OperateList.filter(e => e.IsApprove).length-1]?.OperateTime   )" />
                                            </a-form-item>
                                        </a-col>
                                    </a-row>

                                </div>
                            </a-form>
                            <a-divider></a-divider>
                            <a-form :model="PerformanceMeansEvaluateParams.checkFrom.value"
                                    name="basic"
                                    :label-col="{ span: 4 }"
                                    :wrapper-col="{ span: 20 }"
                                    autocomplete="off">

                                <div>

                                    <a-row>
                                        <a-col :span="10">
                                            <a-form-item label="考评人">
                                                <a-input disabled :value="PerformanceMeansEvaluateParams.logList.value[1].OperateList.map(e => e.OperateUser)" />
                                            </a-form-item>
                                        </a-col>
                                        <a-col :span="2"></a-col>
                                        <a-col :span="10">
                                            <a-form-item label="提交考评日期">
                                                <a-input disabled :value="PerformanceMeansEvaluateParams.sdealTime(PerformanceMeansEvaluateParams.logList.value[1].OperateList.filter(e => e.IsApprove)[PerformanceMeansEvaluateParams.logList.value[1].OperateList.filter(e => e.IsApprove).length-1]?.OperateTime  )" />
                                            </a-form-item>
                                        </a-col>
                                    </a-row>

                                </div>
                            </a-form>

                            <a-divider></a-divider>
                            <a-form :model="PerformanceMeansEvaluateParams.checkFrom.value"
                                    name="basic"
                                    :label-col="{ span: 4 }"
                                    :wrapper-col="{ span: 20 }"
                                    autocomplete="off">

                                <div>

                                    <a-row>
                                        <a-col :span="10">
                                            <a-form-item label="批准人">
                                                <a-input disabled v-model:value="PerformanceMeansEvaluateParams.checkFrom.value.userName" />
                                            </a-form-item>
                                        </a-col>
                                        <a-col :span="2"></a-col>
                                        <a-col :span="10">
                                            <a-form-item label="批准日期">
                                                <a-input disabled :value="PerformanceMeansEvaluateParams.checkFrom.value.subTime" />
                                            </a-form-item>
                                        </a-col>
                                    </a-row>
                                    <a-row>
                                        <a-col :span="10">
                                            <a-form-item label="意见">
                                                <a-textarea :disabled="PerformanceMeansEvaluateParams.urlParams.value.detail" v-model:value="PerformanceMeansEvaluateParams.checkFrom.value.Remark" />
                                            </a-form-item>
                                        </a-col>
                                        <a-col :span="2"></a-col>
                                        <a-col :span="10">

                                        </a-col>
                                    </a-row>
                                </div>
                            </a-form>
                        </a-collapse-panel>


                    </a-collapse>
                </div>


                <m-bottom-btns></m-bottom-btns>


            </header>
        </a-config-provider>
    </a-style-provider>

</div>

@section Js{
    <script src="~/bussiness/js/base/tailwind.js"></script>
    <script src="~/bussiness/js/pg/Performance/html2canvas.js"></script>
    <script type="module">
        import Composition from '../../bussiness/js/pg/Performance/meansCheck.js?v=@DateTime.Now.ToString("yyyyMMddHHmm")'
        import localeValues from '../../Bussiness/js/base/es/locale/zh_CN.js'
        singalApp('PerformanceMeansEvaluate', Composition, localeValues)
    </script>

}



